<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>添加管理员</title>
    <link rel="stylesheet" href="../../lib/layui-v2.6.3/css/layui.css" media="all">

    <script src="/lib/jquery-3.4.1/jquery-3.4.1.min.js" charset="utf-8"></script>
    <script src="../../lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
    <script src="../../lib/jq-module/jquery.particleground.min.js" charset="utf-8"></script>
</head>

<body>
<div class="layui-container">
    <div class="layui-row">
        <div class="layui-col-lg-offset3" layui-col-lg6>
            <div class="layui-form layuimini-form">
                <form class="layui-form" action="" lay-filter="userForm">
                    <div class="layui-form-item">
                        <label class="layui-form-label">管理员：</label>
                        <div class="layui-input-block">
                            <input type="text" name="admin_name" required lay-verify="required" placeholder="请输入内容"
                                   autocomplete="off" class="layui-input">
                        </div>
                    </div>
                    <input type="hidden" name="tid" value="" class="layui-input">



                    <div class="layui-form-item">
                        <label class="layui-form-label">性别：</label>
                        <div class="layui-input-block">
                            <input type="radio" name="admin_sex" value="男" title="男" checked>
                            <input type="radio" name="admin_sex" value="女" title="女" >
                        </div>
                    </div>

                    <div class="layui-form-item">
                        <label class="layui-form-label">联系方式：</label>
                        <div class="layui-input-block">
                            <input type="text" name="admin_phone" required lay-verify="required" placeholder="请输入电话号码"
                                   autocomplete="off" class="layui-input">
                        </div>

                    </div>

                    <div class="layui-form-item">
                        <label class="layui-form-label">真实姓名:</label>
                        <div class="layui-input-block">
                            <input type="text" name="admin_realname" required lay-verify="required" placeholder="请输入真实姓名"
                                   autocomplete="off" class="layui-input">
                        </div>

                    </div>

                    <!-- <div class="layui-form-item">
                        <label class="layui-form-label">邮箱：</label>
                        <div class="layui-input-block">
                            <input type="text" name="email" required lay-verify="required" placeholder="请输入兴趣爱好"
                                   autocomplete="off" class="layui-input">
                        </div>

                    </div> -->
<!-- 
                    <div class="layui-form-item">
                        <label class="layui-form-label">靓照：</label>
                        <input type="hidden" name="pic" id="pic">
                        <div class="layui-input-block">


                        <div class="layui-upload">
                    <button type="button" class="layui-btn" id="test1">上传图片</button>
                    <input type="hidden" name="pic" id="pic">
                    <div class="layui-upload-list">
                      <img style="width: 100px;" class="layui-upload-img" id="demo1">
                      <p id="demoText"></p>
                    </div>
                    <div style="width: 95px;">
                      <div class="layui-progress layui-progress-big" lay-showpercent="yes" lay-filter="demo">
                        <div class="layui-progress-bar" lay-percent=""></div>
                      </div>
                    </div>
                  </div>

                        </div>

                    </div> -->





                    <div class="layui-form-item">
                        <div class="layui-input-block">
                            <button class="layui-btn" lay-submit lay-filter="formDemo">立即提交</button>
                            <button type="reset" class="layui-btn layui-btn-primary">重置</button>
                        </div>
                    </div>
                </form>
            </div>

        </div>
    </div>
</div>



<script>
    //Demo
    layui.use(['form','element','upload'], function () {
        var form = layui.form
            , $ = layui.jquery
            ,element = layui.element
            ,upload = layui.upload
            , laydate = layui.laydate;

        //日期   渲染上面 id 为 date 的 标签
        laydate.render({
            elem: '#date'
        });

        
//             //常规使用 - 普通图片上传
//   var uploadInst = upload.render({
//     elem: '#test1'
//     ,url: 'http://localhost:8080/student/upload' //此处用的是第三方的 http 请求演示，实际使用时改成您自己的上传接口即可。
//     ,before: function(obj){
//       //预读本地文件示例，不支持ie8
//       obj.preview(function(index, file, result){
//         $('#demo1').attr('src', result); //图片链接（base64）
//       });
      
//       element.progress('demo', '0%'); //进度条复位
//       layer.msg('上传中', {icon: 16, time: 0});
//     }
//     ,done: function(res){
//         if(res.code==20000){
//             $("#demo1").attr("src",res.data.url);
//             $("#pic").val(res.data.url);  // 把上传之后的图片地址 存到隐藏域  表单提交的时候 传到后台
//         }
//       //如果上传失败
//       if(res.code ==444){
//         return layer.msg('上传失败');
//       }
//       //上传成功的一些操作
//       //……
//       $('#demoText').html(''); //置空上传失败的状态
//     }
//     ,error: function(){
//       //演示失败状态，并实现重传
//       var demoText = $('#demoText');
//       demoText.html('<span style="color: #FF5722;">上传失败</span> <a class="layui-btn layui-btn-xs demo-reload">重试</a>');
//       demoText.find('.demo-reload').on('click', function(){
//         uploadInst.upload();
//       });
//     }
//     //进度条
//     ,progress: function(n, elem, e){
//       element.progress('demo', n + '%'); //可配合 layui 进度条元素使用
//       if(n == 100){
//         layer.msg('上传完毕', {icon: 1});
//       }
//     }
//   });


        //监听提交
        form.on('submit(formDemo)', function (data) {
            //layer.msg(JSON.stringify(data.field));
            $.ajax({
                url:"http://localhost:8080/admin/addAdmin",
                type:"post",
               // "headers":{"token":token},
            //    请求携带的数据转为json字符串的格式
            //    data : JSON.stringify(data),
                //  data:data,
                data: data.field,
                // 提交数据的时候需要以json序列提交上去
                // "contentType":"application/json",

                // result 参数 表式后台响应的数据
                success:function(result){
                    if(result.code == 20000){
                        // layer.msg('登录成功',function(){
                        //     window.location = '/layui_pro/views/main.html';
                        // })

                        // 关闭 弹出层
                        var iframeIndex = parent.layer.getFrameIndex(window.name);
                        parent.layer.msg("添加成功");
                        parent.layer.close(iframeIndex);

                    }else{
                        layer.msg(result.msg);
                    }
                },
                dataType:"json"
            });

            return false;
        });
    });
</script>


</body>

</html>